<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>
	<ui:composition template="/XHTML/CommonColumnsContent.xhtml">
		<ui:define name="header">
			<ui:include src="/WEB-INF/facelets/header.html" />
		</ui:define>
		<ui:define name="body">
			<f:view>
				<p:ajaxStatus onstart="statusDialog.show();"
					onsuccess="statusDialog.hide();" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Procesando"
					draggable="false" closable="false">
					<p:graphicImage width="280px" height="40px"
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/loading.gif" />
				</p:dialog>
				<br />
				<br />
				<h:form id="form">

					<p:panel id="panel2">

						<f:facet name="header">
							<p:commandButton value="Volver"
								action="menuTipos.xhtml?faces-redirect=true"
								icon="ui-icon-arrowreturnthick-1-w" />
						</f:facet>
						<p:messages id="msg2" />

						<p:growl id="men" />
						<h:panelGrid style="margin: 0 auto;">
							<p:dataTable value="#{referenciaView.referenciaModel}"
								var="referencia" id="tRefencia"
								selection="#{referenciaView.selectedReferencia}"
								paginator="true" rows="5">

								<f:facet name="header">
							Referencia
							</f:facet>

								<p:column selectionMode="single" style="width:2%" />

								<p:column filterBy="#{referencia.codigo}"
									sortBy="#{referencia.codigo}">
									<f:facet name="header">
										<h:outputText value="Código" />
									</f:facet>
									<h:outputText value="#{referencia.codigo}" />
								</p:column>

								<p:column filterBy="#{referencia.aplicacion}"
									sortBy="#{referencia.aplicacion}">
									<f:facet name="header">
										<h:outputText value="Aplicación" />
									</f:facet>
									<h:outputText value="#{referencia.aplicacion}" />
								</p:column>

								<p:column filterBy="#{referencia.codigoBarras}"
									sortBy="#{referencia.codigoBarras}">
									<f:facet name="header">
										<h:outputText value="Codigo Barras" />
									</f:facet>
									<h:outputText value="#{referencia.codigoBarras}" />
								</p:column>

								<p:column filterBy="#{referencia.costo}"
									sortBy="#{referencia.costo}">
									<f:facet name="header">
										<h:outputText value="Costo" />
									</f:facet>
									<h:outputText value="#{referencia.costo}" />
								</p:column>

								<p:column filterBy="#{referencia.descripcion}"
									sortBy="#{referencia.descripcion}">
									<f:facet name="header">
										<h:outputText value="Descripción" />
									</f:facet>
									<h:outputText value="#{referencia.descripcion}" />
								</p:column>

								<p:column filterBy="#{referencia.descripcionCorta}"
									sortBy="#{referencia.descripcionCorta}">
									<f:facet name="header">
										<h:outputText value="Descripcion Corta" />
									</f:facet>
									<h:outputText value="#{referencia.descripcionCorta}" />
								</p:column>

								<p:column filterBy="#{referencia.estadoRegistro}"
									sortBy="#{referencia.estadoRegistro}">
									<f:facet name="header">
										<h:outputText value="Estado Registro" />
									</f:facet>
									<h:outputText value="#{referencia.estadoRegistro}" />
								</p:column>

								<f:facet name="footer">
									<p:commandButton id="createButton" value="Crear"
										action="#{referenciaView.action_crear()}"
										icon="ui-icon-newwin" update=":form"
										binding="#{referenciaView.btnCrear}"
										oncomplete="PF('singleCarDialog').show()" />

									<p:commandButton id="viewButton" value="Editar"
										action="#{referenciaView.action_buscar2()}"
										icon="ui-icon-pencil" update=":form"
										binding="#{referenciaView.btnModify}"
										oncomplete="PF('singleCarDialog').show()" />
								</f:facet>

							</p:dataTable>

							<p:dialog id="dialog" position="top" header="Detalle Referencia" modal="true"
								widgetVar="singleCarDialog" resizable="false" showEffect="fade"
								hideEffect="explode" closable="false">

								<p:messages id="msg" />

								<h:panelGrid id="panelBotones" columns="2"
									style="margin: 0 auto;">

									<p:commandButton id="btnGuardar" value="Guardar"
										disabled="true" action="#{referenciaView.action_modify}"
										binding="#{referenciaView.btnSave}" icon="ui-icon-disk"
										update="msg,panel,panelBotones,des,des2,des3,msg2" />

									<p:commandButton id="btnCerrar" value="Cerrar"
										icon="ui-icon-close" update=":form"
										oncomplete="PF('singleCarDialog').hide()" process="@this"
										actionListener="#{referenciaView.action_cerrar()}">
										<p:resetInput target="panel" />
									</p:commandButton>

								</h:panelGrid>

								<h:panelGrid columns="12" id="panel" style="margin: 0 auto;">

									

									<h:outputText id="msgQPorCaja" value=" Cantidad X Caja:" />
									<p:inputText id="txtQPorCaja" disabled="true" placeholder="000"
										validatorMessage="El maximo de digitos que recibe Cantidad X Caja es 3"
										binding="#{referenciaView.txtQPorCaja}">
										<f:validateLength maximum="3" />
										<p:clientValidator />
									</p:inputText>
									<p:message for="txtQPorCaja" display="icon" />

									<h:outputText id="msgAplicacion" value=" Aplicación:" />
									<p:inputText id="txtAplicacion" disabled="true"
										validatorMessage="El maximo de caracteres que recibe Aplicacion es 40"
										binding="#{referenciaView.txtAplicacion}">
										<f:validateLength maximum="40" />
										<p:clientValidator />
									</p:inputText>
									<p:message for="txtAplicacion" display="icon" />

									<h:outputText id="msgCodigo" value=" Código:*" />
									<p:inputText id="txtCodigo" disabled="true" required="true"
										requiredMessage="El Código es requerido"
										binding="#{referenciaView.txtCodigo}" validatorMessage="El Código debe ser Alfanumerico">
									<f:validateRegex
											pattern="[a-zA-Z0-9\s]+"/>
									</p:inputText>				
									<p:message for="txtCodigo" display="icon" />

									<h:outputText id="msgCodigoBarras" value=" CodigoBarras:" />
									<p:inputText id="txtCodigoBarras" disabled="true"
										binding="#{referenciaView.txtCodigoBarras}" />
									<br />

									<h:outputText id="msgCosto" value=" Costo:" />
									<p:inputText id="txtCosto" disabled="true"
										placeholder="000000000000.00"
										binding="#{referenciaView.txtCosto}" />
									<br />

									<h:outputText id="msgEquivalente1" value=" Equivalente1:" />
									<p:inputText id="txtEquivalente1" disabled="true"
										binding="#{referenciaView.txtEquivalente1}" />
									<br />

									<h:outputText id="msgEquivalente2" value=" Equivalente2:" />
									<p:inputText id="txtEquivalente2" disabled="true"
										binding="#{referenciaView.txtEquivalente2}" />
									<br />

									<h:outputText id="msgEsGarantia" value=" Es Garantia:" />
									<p:selectOneMenu id="txtEsGarantia"
										value="#{referenciaView.selectItemEsGarantia}" disabled="true"
										binding="#{referenciaView.txtEsGarantia}" style="width:100%">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItem itemLabel="Si" itemValue="s" />
										<f:selectItem itemLabel="No" itemValue="n" />
									</p:selectOneMenu>
									<br />

									<h:outputText id="msgEstadoRegistro" value=" Estado Registro:*" />
									<p:selectOneMenu id="txtEstadoRegistro"
										value="#{referenciaView.selectItemEstado}" disabled="true"
										binding="#{referenciaView.txtEstadoRegistro}"
										style="width:100%" required="true"
										requiredMessage="Seleccion requerida EstadoRegistro">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItem itemLabel="Activo" itemValue="a" />
										<f:selectItem itemLabel="Retirado" itemValue="r" />
									</p:selectOneMenu>
									<br />


									<h:outputText id="msgGalones" value=" Galones:" />
									<p:inputText id="txtGalones" disabled="true"
										placeholder="0000000000.000"
										binding="#{referenciaView.txtGalones}" />
									<br />

									<h:outputText id="msgManejaDecimales"
										value=" Maneja Decimales:" />
									<p:selectOneMenu id="txtManejaDecimales"
										value="#{referenciaView.selectItemManejaDecimales}"
										disabled="true" binding="#{referenciaView.txtManejaDecimales}"
										style="width:100%">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItem itemLabel="Si" itemValue="1" />
										<f:selectItem itemLabel="No" itemValue="0" />
									</p:selectOneMenu>
									<br />

									<h:outputText id="msgManejaLote" value=" Maneja Lote:" />
									<p:selectOneMenu id="txtManejaLote"
										value="#{referenciaView.selectItemManejaLote}" disabled="true"
										binding="#{referenciaView.txtManejaLote}" style="width:100%">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItem itemLabel="Si" itemValue="1" />
										<f:selectItem itemLabel="No" itemValue="0" />
									</p:selectOneMenu>
									<br />

									<h:outputText id="msgMarca" value=" Marca:" />
									<p:inputText id="txtMarca" disabled="true"
										binding="#{referenciaView.txtMarca}" />
									<br />

									<h:outputText id="msgMargenMinimoGBodega"
										value=" MargenMinimoGBodega:" />
									<p:inputText id="txtMargenMinimoGBodega" disabled="true"
										placeholder="00" validatorMessage="El tamaño maximo es 2"
										binding="#{referenciaView.txtMargenMinimoGBodega}">
										<f:validateLength maximum="2" />
										<p:clientValidator />
									</p:inputText>
									<p:message for="txtMargenMinimoGBodega" display="icon" />

									<h:outputText id="msgMargenMinimoGEne"
										value=" MargenMinimoGEne:" />
									<p:inputText id="txtMargenMinimoGEne" disabled="true"
										placeholder="00"
										binding="#{referenciaView.txtMargenMinimoGEne}" />
									<br />

									<h:outputText id="msgMargenMinimoPBodega"
										value=" MargenMinimoPBodega:" />
									<p:inputText id="txtMargenMinimoPBodega" disabled="true"
										placeholder="00"
										binding="#{referenciaView.txtMargenMinimoPBodega}" />
									<br />

									<h:outputText id="msgMargenMinimoPEne"
										value=" MargenMinimoPEne:" />
									<p:inputText id="txtMargenMinimoPEne" disabled="true"
										placeholder="00"
										binding="#{referenciaView.txtMargenMinimoPEne}" />
									<br />

									<h:outputText id="msgMargenMinimoRefBodega"
										value=" MargenMinimoRefBodega:" />
									<p:inputText id="txtMargenMinimoRefBodega" disabled="true"
										placeholder="00"
										binding="#{referenciaView.txtMargenMinimoRefBodega}" />
									<br />

									<h:outputText id="msgMargenMinimoRefEne"
										value=" MargenMinimoRefEne:" />
									<p:inputText id="txtMargenMinimoRefEne" disabled="true"
										placeholder="00"
										binding="#{referenciaView.txtMargenMinimoRefEne}" />
									<br />

									<h:outputText id="msgPeso" value=" Peso:" />
									<p:inputText id="txtPeso" disabled="true"
										placeholder="0000000000.000"
										binding="#{referenciaView.txtPeso}" />
									<br />

									<h:outputText id="msgPideCantidad" value=" PideCantidad:" />
									<p:selectOneMenu id="txtPideCantidad"
										value="#{referenciaView.selectItemPideCantidad}"
										disabled="true" binding="#{referenciaView.txtPideCantidad}"
										style="width:100%">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItem itemLabel="Si" itemValue="s" />
										<f:selectItem itemLabel="No" itemValue="n" />
									</p:selectOneMenu>
									<br />

									<h:outputText id="msgPideValor" value=" Pide Valor:" />
									<p:selectOneMenu id="txtPideValor"
										value="#{referenciaView.selectItemPideValor}" disabled="true"
										binding="#{referenciaView.txtPideValor}" style="width:100%">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItem itemLabel="Si" itemValue="s" />
										<f:selectItem itemLabel="No" itemValue="n" />
									</p:selectOneMenu>
									<br />

									<h:outputText id="msgPorcentajeIva" value=" Porcentaje Iva:" />
									<p:inputText id="txtPorcentajeIva" disabled="true"
										placeholder="000.000"
										binding="#{referenciaView.txtPorcentajeIva}" />
									<br />

									<h:outputText id="msgProductoConsumo"
										value=" Producto Consumo:" />
									<p:selectOneMenu id="txtProductoConsumo"
										value="#{referenciaView.selectItemProductoConsumo}"
										disabled="true" binding="#{referenciaView.txtProductoConsumo}"
										style="width:100%">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItem itemLabel="Si" itemValue="1" />
										<f:selectItem itemLabel="No" itemValue="0" />
									</p:selectOneMenu>
									<br />

									<h:outputText id="msgProductoEspecial"
										value=" Producto Especial:" />
									<p:selectOneMenu id="txtProductoEspecial"
										value="#{referenciaView.selectItemProductoEspecial}"
										disabled="true"
										binding="#{referenciaView.txtProductoEspecial}"
										style="width:100%">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItem itemLabel="Si" itemValue="1" />
										<f:selectItem itemLabel="No" itemValue="0" />
									</p:selectOneMenu>
									<br />

									<h:outputText id="msgUnidadMedida" value=" Unidad Medida:" />
									<p:inputText id="txtUnidadMedida" disabled="true"
										binding="#{referenciaView.txtUnidadMedida}" />
									<br />

									<h:outputText id="msgUnidadMedidaProvisional"
										value=" UnidadMedidaProvisional:" />
									<p:inputText id="txtUnidadMedidaProvisional" disabled="true"
										binding="#{referenciaView.txtUnidadMedidaProvisional}" />
									<br />

									<h:outputText id="msgVolumen" value=" Volumen:" />
									<p:inputText id="txtVolumen" disabled="true"
										placeholder="0000000000.000"
										binding="#{referenciaView.txtVolumen}" />
									<br />


									<h:outputText id="msgFechaVigentePBodega"
										value=" FechaVigentePBodega:" />
									<p:calendar showOn="button" navigator="true" locale="en"
										binding="#{referenciaView.txtFechaVigentePBodega}">
										<p:ajax event="dateSelect"
											listener="#{referenciaView.listener_txtFechaVigentePBodega}"
											update="men" />
									</p:calendar>
									<br />

									<h:outputText id="msgFechaVigentePEne"
										value=" FechaVigentePEne:" />
									<p:calendar showOn="button" navigator="true" locale="en"
										binding="#{referenciaView.txtFechaVigentePEne}">
										<p:ajax event="dateSelect"
											listener="#{referenciaView.listener_txtFechaVigentePEne}"
											update="men" />
									</p:calendar>
									<br />

								</h:panelGrid>

								<p:separator id="separator" />
								<h:outputText id="msgDescripcion" value=" Descripción:" />
								<h:panelGrid width="100%" id="des" columns="2">

									<p:inputTextarea id="txtDescripcion" disabled="true"
										autoResize="false" style="width:100%"
										validatorMessage="El maximo de caracteres que recibe Descripción es 60"
										binding="#{referenciaView.txtDescripcion}">
										<f:validateLength maximum="60" />
										<p:clientValidator />
									</p:inputTextarea>
									<p:message for="txtDescripcion" display="icon" />

								</h:panelGrid>

								<h:outputText id="msgDescripcionCorta"
									value=" Descripción Corta:" />
								<h:panelGrid width="100%" id="des2" columns="2">

									<p:inputTextarea id="txtDescripcionCorta" disabled="true"
										autoResize="false" style="width:100%"
										validatorMessage="El maximo de caracteres que recibe Descripción Corta es 30"
										binding="#{referenciaView.txtDescripcionCorta}">
										<f:validateLength maximum="30" />
										<p:clientValidator />
									</p:inputTextarea>
									<p:message for="txtDescripcionCorta" display="icon" />

								</h:panelGrid>


								<h:outputText id="msgDescripcionTecnica"
									value=" Descripción Tecnica:" />
								<h:panelGrid width="100%" id="des3" columns="2">

									<p:inputTextarea id="txtDescripcionTecnica" disabled="true"
										autoResize="false" style="width:100%"
										validatorMessage="El maximo de caracteres que recibe Descripción Tecnica es 150"
										binding="#{referenciaView.txtDescripcionTecnica}">
										<f:validateLength maximum="150" />
										<p:clientValidator />
									</p:inputTextarea>
									<p:message for="txtDescripcionTecnica" display="icon" />

								</h:panelGrid>

							</p:dialog>

						</h:panelGrid>

					</p:panel>
				</h:form>
			</f:view>
		</ui:define>

	</ui:composition>

</h:body>

</html>
